<template>
	<div class="form-adapt-container">
    <el-form :model="form" size="small" label-width="100px" class="mt35 mb35">
      <el-row :gutter="35">
        <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
          <el-form-item label="姓名">
            <el-input v-model="form.name" placeholder="请输入姓名" clearable></el-input>
          </el-form-item>
        </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
          <el-form-item label="性别">
            <el-select v-model="form.sex" placeholder="请选择性别" clearable class="w100">
              <el-option label="男" value="1"></el-option>
              <el-option label="女" value="2"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
          <el-form-item label="年龄">
            <el-input v-model="form.autograph" placeholder="请输入年龄" clearable></el-input>
          </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
          <el-form-item label="血型">
            <el-input v-model="form.autograph" placeholder="请输入血型" clearable></el-input>
          </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
          <el-form-item label="籍贯">
            <el-input v-model="form.autograph" placeholder="请输入籍贯" clearable></el-input>
          </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
          <el-form-item label="民族">
            <el-input v-model="form.autograph" placeholder="请输入民族" clearable></el-input>
          </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
          <el-form-item label="职称">
            <el-input v-model="form.autograph" placeholder="请输入职称" clearable></el-input>
          </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
          <el-form-item label="最高文化程度">
            <el-input v-model="form.autograph" placeholder="请输入最高文化程度" clearable></el-input>
          </el-form-item>
        </el-col>

        <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
          <el-form-item label="健康状况">
            <el-input v-model="form.autograph" placeholder="请输入健康状况" clearable></el-input>
          </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
          <el-form-item label="身高">
            <el-input v-model="form.autograph" placeholder="请输入身高" clearable></el-input>
          </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
          <el-form-item label="体重">
            <el-input v-model="form.autograph" placeholder="请输入体重" clearable></el-input>
          </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
          <el-form-item label="婚姻状况">
            <el-input v-model="form.autograph" placeholder="请输入婚姻状况" clearable></el-input>
          </el-form-item>
        </el-col>

        <el-col :xs="24" :sm="12" :md="8" :lg="16" :xl="4" class="mb20">
          <el-form-item label="身份证号码">
            <el-input v-model="form.phone6" placeholder="请输入身份证号码" clearable></el-input>
          </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="4" class="mb20">
          <el-form-item label="手机号">
            <el-input v-model="form.autograph" placeholder="请输入手机号" clearable></el-input>
          </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="12" :md="8" :lg="16" :xl="4" class="mb20">
          <el-form-item label="户籍所在地">
            <el-input v-model="form.phone6" placeholder="请输入户籍所在地" clearable></el-input>
          </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="4" class="mb20">
          <el-form-item label="有何特长">
            <el-input v-model="form.autograph" placeholder="请输入特长技能" clearable></el-input>
          </el-form-item>
        </el-col>

        <el-col :xs="24" :sm="12" :md="8" :lg="16" :xl="4" class="mb20">
          <el-form-item label="现居住地">
            <el-input v-model="form.phone6" placeholder="请输入现居住地" clearable></el-input>
          </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="4" class="mb20">
          <el-form-item label="有何特长">
            <el-input v-model="form.autograph" placeholder="请输入特长技能" clearable></el-input>
          </el-form-item>
        </el-col>

        <el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="8" class="mb20">
          <el-form-item label="家庭成员1">
            <el-input v-model="form.autograph" placeholder="请输入姓名" clearable></el-input>
            <el-input v-model="form.autograph" placeholder="请输入关系" clearable></el-input>
            <el-input v-model="form.autograph" placeholder="请输入工作单位" clearable></el-input>
            <el-input v-model="form.autograph" placeholder="请输入该家庭成员电话" clearable></el-input>
          </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="8" class="mb20">
          <el-form-item label="家庭成员2">
            <el-input v-model="form.autograph" placeholder="请输入姓名" clearable></el-input>
            <el-input v-model="form.autograph" placeholder="请输入关系" clearable></el-input>
            <el-input v-model="form.autograph" placeholder="请输入工作单位" clearable></el-input>
            <el-input v-model="form.autograph" placeholder="请输入该家庭成员电话" clearable></el-input>
          </el-form-item>
        </el-col>

        <el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="8" class="mb20">
          <div align='center' style="padding:40px 0">
            <el-button @click="onAddCellTable" size="small" icon="el-icon-plus" style="width:40%;">
              添加家庭成员
            </el-button>
          </div>
        </el-col>


      </el-row>
    </el-form>
	</div>
</template>

<script lang="ts">
import { toRefs, reactive } from 'vue';
export default {
	name: 'entry2',
	setup() {
		const state = reactive({
			form: {},
		});
		return {
			...toRefs(state),
		};
  },
  data() {
    return {
      value1:''
    }
  },
};
</script>
<style lang="scss">
.el-date-editor--daterange.el-input__inner{
  width:410px;
}
</style>

